html, body, div, span, applet, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
}
body {
        line-height: 1;
}
ol, ul {
}
blockquote, q {
        quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
:focus {
        outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
        text-decoration: none;
}
del {
        text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: collapse;
        border-spacing: 0;
}

a img { border: none; }
/* @Viewbook
----------------------------------------*/
        .viewbook      {}
        .viewbook .pN  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}
        .viewbook .p0  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}
        .viewbook .p1  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}
        .viewbook .p2  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}
        .viewbook .p3  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}
        .viewbook .p4  {left:0; top:0; position:absolute; overflow:hidden;padding:0;}

        /* Page Wrappers */
        .viewbook .p-wrap-left      {text-align:justify;left:0;  top:0; position:absolute; }
        .viewbook .p-wrap-right     {text-align:justify;right:0; top:0; position:absolute; }
        .viewbook .pN .p-wrap-left,
        .viewbook .p1 .p-wrap-left,
        .viewbook .p3 .p-wrap-left  {background:url(bg-book-left.png) no-repeat -33px 0; padding:10px 20px 10px 10px;}
        .viewbook .p0 .p-wrap-right,
        .viewbook .p2 .p-wrap-left,
        .viewbook .p4 .p-wrap-left  {background:url(bg-book-right.png) no-repeat 0 0; padding:10px 0px 10px 20px;}

        /* Custom Page Types */
        .viewbook .page-blank  {padding:0; width:100%; height:100%;}
        .viewbook .page-empty  {padding:0; width:100%; height:100%;}

        /* Page Numbers */
        .viewbook .counter {position:absolute; bottom:25px; display:block;width:40px; height:25px; background:transparent; color:#444; text-align:center;font-family:Georgia, "Times New Roman", Times, serif; font-size:13px;padding:5px 0 0;}
        .viewbook .pN .counter,
        .viewbook .p1 .counter,
        .viewbook .p3 .counter {left:200px;}
        .viewbook .p0 .counter,
        .viewbook .p2 .counter,
        .viewbook .p4 .counter {right:200px;}

        /* Page Shadows */
        .viewbook .shadow-f {right:0; top:0; position:absolute; opacity:0;}
        .viewbook .shadow-b {left:0;  top:0; position:absolute; opacity:0;}
        /* Page Tab + Arrow Controls */
        .viewbook .next {right:-75px; top:-30px; position:absolute;width:75px; height:105%;}
        .viewbook .previous {left:-75px;  top:-30px; position:absolute;width:75px; height:105%;}
        .viewbook .arrow           {width:74px; height:170px; text-indent:-9999px; position:absolute; top:250px; display:none;}
        .viewbook .previous .arrow {background:url(arrow-prev.png) top left no-repeat; left:-10px;}
        .viewbook .next .arrow     {background:url(arrow-next.png) top left no-repeat; right:-14px;}
/* @General
----------------------------------------*/
html{background:#3f3f3f; }
body{
margin:0; 
padding:0; 
width:100%; 
height:100%; 
font-size:80%;
font-family:Georgia;
}
h1, h2, h3, h4, h5, h6 {padding:0 0 10px;}
h1 {color:#000;text-indent:-999em; position:absolute; top:10px; left:320px; width:320px; height:75px; padding:0;}
h1 a {display:block; width:100%; height:100%;}
h2 {font-size:20px;}
.titolo { font-size:20px;font-weight:bold;}
#menu {padding:20px 0; color:#fff;font-size:18px}
p {text-indent: 1em;}
.testo  {font-size:14px; padding:20px;margin-bottom:0px; line-height:20px; color:#524f4a;}
.picright {float:right;}
.picleft  {float:left;}
.clear {clear:both;}
q.left  {margin:10px 10px 10px 0px;}
img.bordered { padding:2px; border:1px solid #aaa; background-color:#ccc;}
img.right    { margin:0 10px 15px 15px;}
img.left     { margin:0 15px 15px 0px;}
.print {display:none;}
/* @General Structure ----------------------------------- */
#menu     { margin:0 auto; width:965px; height:65px; padding:0; position:relative;}
#book     { margin:0px auto 0; width:900px; height:640px; padding:0 31px 0; background:url(bg-book.png) no-repeat top center;}
#mybook   { margin:0 auto; width:900px; height:620px; position:relative;}
#load     { display:none;}
#footer   { margin:0 auto; width:965px; height:120px;}
	
    #menu              {z-index:100;}
    #book              {z-index:10;}
    .viewbook          {z-index:10;}
    .pN                {z-index:10;}
    .p0                {z-index:10;}
    .p1                {z-index:10;}
    .p2                {z-index:10;}
    .p3                {z-index:10;}
    .p4                {z-index:10;}
    .tab               {z-index:5;}
    .arrow             {z-index:20;}
    .counter           {z-index:40;}
    .map-image-1       {z-index:10;}
    .map-image-2       {z-index:10;}
    .map-overlay       {z-index:50;}
    .map-dialog        {z-index:60;}
    .map-overlay:hover {z-index:120;}
    .map-overlay:hover .map-dialog:hover {z-index:130;}
    #footer            {z-index:5;}
    #toc               {z-index:110;}   
	
